<script setup type="module">
import {ref} from 'vue'
let count = ref(0)
let addCount = () => {
  count.value++
}
let incrCount = () => {
  count.value--
  //通过时间
  event.preventDefault();
}
</script>

<template>
  <div>
    <h1>count的值是{{count}}</h1>
<!--    方法事件处理器-->
    <button v-on:click="addCount()">加</button>
<!--    内联事件处理器-->
    <button @click="count++">加</button><br>
<!--    事件修饰符 once 只能绑定事件一次-->
    <button @click.once="count++">一次性加法</button><br>
<!--    事件修饰符 prevent 阻止组件的默认行为-->
    <a href="http://www.atguigu.com" target="_blank" @click.prevent="count++">加</a><br>
<!--    原生js方式阻止组件默认行为-->
    <a href="http://www.atguigu.com" target="_blank" @click="incrCount($event)">减</a><br>
  </div>
</template>

<style scoped>

</style>
